<template>
    <div class="UNKnow">
            <div class="tit">
                <span>购买须知</span>
                <img src="../../../../../assets/style/iconfont/sound.svg" alt="">
            </div>

            <div class="UNKnow_box">
                    <dl>
                        <dt>有效日期</dt>
                        <dd>2019-6-12至2019-10-12</dd>
                </dl>
                <dl>
                    <dt>使用时间</dt>
                    <dd>10：00-21：00</dd>
                </dl>
                <dl>
                    <dt>预约信息</dt>
                    <dd>请提前两小时预约</dd>
                </dl>
                <dl>
                    <dt>适用人数</dt>
                    <dd>每张团购券最多1人使用</dd>
                </dl>
                <dl>
                    <dt>适用人群</dt>
                    <dd>男女老少皆宜</dd>
                </dl>
                <dl>
                    <dt>规则提醒</dt>
                    <dd>不再与其他优惠同享</dd>
                </dl>
                <dl class="ps">
                    <dt style="width:30%;padding-right:5.3rem;padding:.3rem 4.4rem .3rem .1rem;border-top:solid .02rem #999">温馨提示</dt>
                    <dd style="text-align:justify;margin-left:.3rem;width:350px;">如需团购券发票，请您在消费时向商户咨询。为了确保你的权益，建议使用美团、点评网线上支付。若使用其他支付方式
                    方式导致纠纷，美团、点评网不承担任何责任，感谢您的理解与支持！
                    </dd>
                </dl>
               
            </div>
    </div>
    
</template>

<script>
export default {
    name:"InfoFourth.vue"
}
</script>

<style scoped>
.UNKnow{
    margin-bottom: .2rem;
    height: 11rem;
    border-bottom: solid .35rem rgb(243, 241, 241);
}
.tit{
    content: 80%;
    width: 100%;
    overflow: hidden;
    height: 1rem;
    border-bottom: solid .02rem rgb(226, 220, 220);
    margin-bottom: .2rem;
}
.tit span{
    float: left;
    color:#333;
    font-size: .36rem;
    margin-left: .3rem;
    margin-top: .2rem ;
    
}
.tit img{
    width: .5rem;
    float: left;
    margin-left: .3rem;
    margin-top: .15rem;
}

.UNKnow_box dl {
    width: 100%;
    line-height: .6rem;
    margin: .15rem 0;
}
.UNKnow_box dl dt{
    width: 30%;
    color: #999;
    font-size: .3rem;
     display: block;
    float: left;
}
.UNKnow_box dl {
    margin-left: .3rem;
    float: left;
     width: 80%;
    color: rgb(54, 51, 51);
    font-size: .3rem;
     
}
</style>
